<template>
  <div class="page-box">
    <dataList
      placeholder="搜索物业名称"
      :pageInfo="pager"
      :listData="tableData"
      searchName="projectName"
      :menuList="['export']"
      :filterList="filterList"
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="center">
        <el-table-column label="物业名称" width="100" align="center" prop="propertyNames"></el-table-column>
        <el-table-column label="收款项目" width="100" align="center" prop="chargeProjectName"></el-table-column>
        <el-table-column label="费用周期" align="center" prop="costPeriodStart" width="200">
          <template slot-scope="scope">{{scope.row.costPeriodStart}}至{{scope.row.costPeriodEnd}}</template>
        </el-table-column>
        <el-table-column label="合同应收金额（元）" width="100" align="center" prop="receivableMoney"></el-table-column>
        <el-table-column label="本次调整金额（元）" width="100" align="center" prop="adjustmentAmount"></el-table-column>
        <el-table-column label="调整后金额（元）" width="100" align="center" prop="adjustedAmount">
          <template slot-scope="scope">{{scope.row.adjustedAmount = scope.row.receivableMoney + scope.row.adjustmentAmount}}</template>
        </el-table-column>
        <el-table-column label="状态" align="center" prop="adjustmentStatus" width="100">
          <template slot-scope="scope">{{scope.row.adjustmentStatus | dict('adjustment_status')}}</template>
        </el-table-column>
        <el-table-column width="150" label="操作" align="center">
          <template slot-scope="scope">
            <el-button type="text" @click="handleShowReceivableData(scope.row)">查看</el-button>
            <span style="display: inline-block;padding: 0 10px;" v-if="scope.row.adjustmentStatus === '11'">|</span>
            <el-button type="text" @click="handleClickSubmit(scope.row)" v-if="scope.row.adjustmentStatus === '11'">复核</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
    <reviewPayable ref="reviewPayable" @resetList="resetList" v-if="editDataShow" @beforeClose="handleEditClose" @handleCancel="handleEditClose"></reviewPayable>
    <showActual ref="showActual" v-if="ActualDataShow" @beforeClose="handleClose" @handleClose="handleClose"></showActual>
  </div>
</template>

<script src="./index.js">

</script>

<style scoped>
</style>
